<template>
    <view class="cu-bar tabbar bg-white fixed-buttom response">
        <view class="action" :class="currPage == 'home'?'text-red':'text-gray'" @tap="tap('home')">
            <view  :class="currPage == 'home'?'cuIcon-homefill':'cuIcon-home'"></view> 首页
        </view>
        <view class="action flex flex-direction" :class="currPage == 'cinema'?'text-red':'text-gray'" @tap="tap('cinema')">
            <view  class="iconfont icon_dianyingyuan" style="font-size:40rpx;"></view>
            <view class="text-sm margin-top-xs">影院</view>
        </view>
        <view class="action" :class="currPage == 'user'?'text-red':'text-gray'"  @tap="tap('user')">
            <view :class="currPage == 'user'?'cuIcon-myfill':'cuIcon-my'"></view>
            我的
        </view>
    </view>
</template>

<script>
    export default {
        props:['currPage'],
        data(){
          return {
          }
        },
        watch: {
           currPage(newVal) {

            }
        },
        methods:{
            tap(params){
                if(params!==this.currPage){
                    this.$emit('switchPage',params)
                }
            }
        }

    }
</script>

<style scoped>

</style>
